<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>博客首页</title>
    <link rel="stylesheet" type="text/css" href="../lib/font_icon/iconfont.css">
    <link rel="stylesheet" type="text/less" href="../less/config/style.less">
    <script src="../lib/less.min.js"></script>
    <script src="../../wangEditor.js"></script>
    <!--<link rel="stylesheet" href="../../css/wangEditor.css">-->
</head>
<body>
<!--首页头部-->
<div id="index_top_box" class="index_top_box">
    <div class="index_goLogin" id="index_goLogin">
        <i class="iconfont icon-renyuanlikai"></i>
    </div>
    <div class="index_top_all " id="index_top_all">
        <!--长的导航栏-->
        <div class="index_top  " id="index_top" style="">
            <div class="index_top_user">
                <div class="index_top_user_img">
                    <img src="../img/art1.jpg" alt="" id="index_top_user_img">
                </div>
                <div class="index_top_user_span">
                    <span id="index_top_user_span1">洪吉林</span>
                    <span id="index_top_user_span2">1044580210@qq.com</span>
                </div>

            </div>
            <div class="index_top_nav">
                <div class="index_top_nav_ul">
                    <ul>
                        <li id="home">首页</li>
                        <li id="myzhong">个人中心</li>
                        <li id="goWirBlog">写博客</li>
                        <li id="history_btn">个人历史博客</li>
                    </ul>

                </div>
                <div class="index_top_nav_ul_ser" id="index_top_nav_ul_ser">
                    <i class="iconfont icon-sousuo"></i>
                </div>
                <div class="index_top_x" style="display: none">
                    <i class="iconfont icon-guanbi"></i>
                </div>
            </div>
        </div>
        <!--短的导航栏-->
        <div class="index_top_duan" style="display: none">
            <div class="index_top_user">
                <div class="index_top_user_img">
                    <img src="../img/art1.jpg" alt="">
                </div>
                <div class="index_top_user_span">
                    <span>洪吉林</span>
                    <span>1044580210@qq.com</span>
                </div>

            </div>
            <div class="index_top_duan_i">
                <i class="iconfont icon-shousuocaidan-copy"></i>
            </div>
        </div>
        <!--搜索导航栏-->
        <div class="index_top_sear" id="index_top_sear" style="display: none">
            <div class="sear_input">
                <input id="sear_input" type="text" placeholder="搜索博客">

            </div>

            <div class="sear_i" id="sear_i">
                <i class="iconfont icon-guanbi"></i>
            </div>
        </div>
    </div>
</div>
<!--首页中间文章-->
<div id="index_content_box" class="index_content_box">
    <div class="index_content">
        <!--//左边文章主题-->
        <div class="index_content_left">
            <ul id="index_content_left_ul">
                <li>
                    <div class="left_li">
                        <div class="left_li_img">
                            <img src="../img/art1.jpg" alt="" class="left_li_img_x">
                        </div>
                        <div class="left_li_text">
                            <span>程序员写前端代码的一天</span>
                            <div class="li_p">
                                <p>

                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                </p>
                            </div>

                            <div class="left_li_text_i">
                                <x class="iconfont icon-riqi"></x>
                                <i>2020/8/4 18:18:18</i>
                                <y class="iconfont icon-chakan"></y>
                                <i>10</i>

                            </div>

                        </div>


                    </div>


                </li>

                <li>
                    <div class="left_li">
                        <div class="left_li_img">
                            <img src="../img/art1.jpg" alt="" class="left_li_img_x">
                        </div>
                        <div class="left_li_text">
                            <span>程序员写前端代码的一天</span>
                            <div class="li_p">
                                <p>
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                </p>
                            </div>

                            <div class="left_li_text_i">
                                <x class="iconfont icon-riqi"></x>
                                <i>2020/8/4 18:18:18</i>
                                <y class="iconfont icon-chakan"></y>
                                <i>10</i>

                            </div>

                        </div>


                    </div>


                </li>

                <li>
                    <div class="left_li">
                        <div class="left_li_img">
                            <img src="../img/art1.jpg" alt="" class="left_li_img_x">
                        </div>
                        <div class="left_li_text">
                            <span>程序员写前端代码的一天</span>
                            <div class="li_p">
                                <p>
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                </p>
                            </div>

                            <div class="left_li_text_i">
                                <x class="iconfont icon-riqi"></x>
                                <i>2020/8/4 18:18:18</i>
                                <y class="iconfont icon-chakan"></y>
                                <i>10</i>

                            </div>

                        </div>


                    </div>


                </li>

                <li>
                    <div class="left_li">
                        <div class="left_li_img">
                            <img src="../img/art1.jpg" alt="" class="left_li_img_x">
                        </div>
                        <div class="left_li_text">
                            <span>程序员写前端代码的一天</span>
                            <div class="li_p">
                                <p>
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                </p>
                            </div>

                            <div class="left_li_text_i">
                                <x class="iconfont icon-riqi"></x>
                                <i>2020/8/4 18:18:18</i>
                                <y class="iconfont icon-chakan"></y>
                                <i>10</i>

                            </div>

                        </div>


                    </div>


                </li>

                <li>
                    <div class="left_li">
                        <div class="left_li_img">
                            <img src="../img/art1.jpg" alt="" class="left_li_img_x">
                        </div>
                        <div class="left_li_text">
                            <span>程序员写前端代码的一天</span>
                            <div class="li_p">
                                <p>
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                </p>
                            </div>

                            <div class="left_li_text_i">
                                <x class="iconfont icon-riqi"></x>
                                <i>2020/8/4 18:18:18</i>
                                <y class="iconfont icon-chakan"></y>
                                <i>10</i>

                            </div>

                        </div>


                    </div>


                </li>

                <li>
                    <div class="left_li">
                        <div class="left_li_img">
                            <img src="../img/art1.jpg" alt="" class="left_li_img_x">
                        </div>
                        <div class="left_li_text">
                            <span>程序员写前端代码的一天</span>
                            <div class="li_p">
                                <p>
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                    往事，我这个人比较喜欢念旧吧，人事物。不知不觉，
                                    2019年马上就要过去了，
                                    年初你满怀信心给自己定下的目标实现[...]
                                </p>
                            </div>

                            <div class="left_li_text_i">
                                <x class="iconfont icon-riqi"></x>
                                <i>2020/8/4 18:18:18</i>
                                <y class="iconfont icon-chakan"></y>
                                <i>10</i>

                            </div>

                        </div>


                    </div>


                </li>

            </ul>

        </div>
        <!--右边文章主题-->
        <div class="index_content_right " id="index_content_right">
            <div class="content_right_title">
                <span>热门文章</span>
            </div>
            <div class="content_right_list">
                <ul id="content_right_list_ul">
                    <li>
                        <a href="#">世界那么大,我asdasdadasdasdas想去看看</a>
                    </li>
                </ul>
            </div>
            <div class="content_right_title1">
                <span>个人资料</span>
            </div>
            <div class="content_right_list1">
                <ul>
                    <li>
                        <div><i class="iconfont icon-ziliao"></i><span>用户名&nbsp;:</span><i id="home_username">ax</i>
                        </div>
                    </li>
                    <li>
                        <div><i class="iconfont icon-dibudaohanglan-"></i><span>邮箱&nbsp;:</span><i id="home_emil">1044580210@qq.com</i>
                        </div>
                    </li>
                    <li>
                        <div><i class="iconfont icon-hujiguanli"></i><span>中国&nbsp;</span><i>吉林省&nbsp;长春市</i></div>
                    </li>
                    <li>
                        <div><i class="iconfont icon-ziyuan"></i><span>血型&nbsp;</span> <i>其他</i></div>
                    </li>

                </ul>
            </div>
            <div id="goTo_btn" class="goTo_btn">
                <span>回到顶端</span>

            </div>

        </div>


    </div>


</div>
<!--详情页面-->
<div style="display: none" class="index_details_box" id="index_details_box">
    <!--详情页面主体-->
    <div class="index_details">
        <div class="index_details_out" id="index_details_out">
            <i class="iconfont icon-guanbi"></i>
        </div>
        <div class="index_details_title" id="index_details_title">
            <span>2020年初随笔</span>
        </div>
        <div class="index_details_footer" id="index_details_footer">
            <x class="iconfont icon-zuozhe"></x>
            <i id="index_details_footer_name">洪吉林</i>
            <x class="iconfont icon-riqi"></x>
            <i>2020/8/5 20:20:20</i>
            <x class="iconfont icon-chakan"></x>
            <i>10</i>
        </div>

        <div class="index_details_text" id="index_details_text">
            <img src="" alt="">

            <p>

                往事，我这个人比较喜欢念旧吧，人事物。不知不觉，2019年马上就要过去了，
                年初你满怀信心给自己定下的目标实现了多少，又有多少你没有实现。你还和曾经的你一样么，变化了么。最近总是能有意无意的读到有关2019年的结束，2020年的开始，让我默默的陷入了沉思。

                在我脑海里瞬间浮现近几年，近几年的变化，近几年对生活不同的看法。
                从2016年升入高中，到2017年我的辍学，从2017年我进入技术学校，
                到2019年末我即将步入工作。从不知天高地厚，到沉着冷静，不知从何时起，从笑的开朗阳光，变得不再爱笑，笑的也很是僵硬。从前喜欢那个人多热闹地方的男孩，变成了喜欢安静的少年。从那个不懂得喜欢的男孩子，变成了知道什么是爱的少年。

                从不知天高地厚，变成了沉着冷静，不知从何时起戴上了面具。
                记得看过末那大叔在《我喜欢你，像风走了八千里》有一段，
                “大家都说成长是孤立无援，你要学会独当一面，可这个世界，
                不是你逞强，别人就一定懂得你坚强。你感觉孤独，恐怕不是没人陪，
                而是没人懂。你高高兴兴穿上新衣服，有人会说你乱花钱。你刚打开一篇好文章，
                有人会说你又喝毒鸡汤。你定制了新计划，有人说你何必浪费时间”。生活就是这样
                ，你要做一件事，并不需要有太多的人都懂，有太多的人都支持你，你要去尝试，
                要把在别人眼中的不可能变成可能。要去拼，要去努力，只有你站在高处，才有众多
                的人仰视你。你平平常常，别人会说你什么都不懂，甚至有人出来反对你。你成功了
                ，才会有别人会说你说得对。只有你站在了高处，那些人才能知道你有多强。现在社
                会很现实。

                爱一个女孩，其实说实在的，刚开始我也有怀疑，这是不是喜欢，是不是爱，是不是只是一时兴起，这么小哪能懂得爱，哪能懂得喜欢。后来发现，确实忘不掉她，从朋友的一字一句想起她，从睡梦中惊醒，从醉到不省人事时满脑子都是她，得到答案。看见过这样一段话，“事实上，所有的遗憾都是在想拼的时候，轻易地选择了方式，或者因为某事而错过，要不要做一件事从来和年龄无关”。我想，喜欢一个人也是一样的吧。我喜欢一个人并不是因为、她长得有多么的好看，颜值有多么的高，而是她能给我别人给不了的感觉。

                还记得小时候是怎么想的么?小时候想要快快长大，长大了之后就可以干大人干的事情了。长大之后才发现，长大后的世界并没有我们想象中的那么简单。小时候的热情，天真，早已被磨平了棱角，甚至有的东西已经被磨没了。遇见困难迎面而上，赢了是你的努力得到了回报，输了，就当成长中的一节课。

                看向窗外，寂静漆黑的夜晚飘落着或多或少的雪花又多了几分凄凉，点上一根烟又让我默默的陷入了沉思。
            </p>
            <div class="footerP"></div>
        </div>


    </div>
    <div class="index_details_discuss-box">
        <div class="index_details_discuss-auto_title">
            <i class="iconfont icon-zuozhe"></i>
            <span>文章作者</span>
        </div>
        <!--文章作者-->
        <div class="index_details_discuss-auto">
            <div class="index_details_discuss_user">
                <div class="index_details_discuss_user_img">
                    <img src="../../file/2020080319053288032.jpg" alt="" id="index_details_discuss_user_img">
                </div>
                <div class="index_details_discussp_user_span">
                    <span id="index_details_discussp_user_span1">洪吉林</span>
                    <span id="index_details_discussp_user_span2">1044580210@qq.com</span>
                </div>

            </div>
            <div class="index_details_discuss_gobilibili">
                <i class="iconfont icon-CN_bilibiliB"></i>
            </div>
        </div>
        <div class="index_details_discuss-auto_title1">
            <i class="iconfont icon-pinglun"></i>
            <span>评论</span>
        </div>
        <!--评论发表-->
        <div class="index_details_discuss_input">
            <div class="index_details_discuss_input_title">
                <div class="index_details_discuss_input_titleuser_img">
                    <img src="../img/art1.jpg" alt="" id="index_details_discuss_input_title">
                </div>
                <div><span>发表评论</span></div>
                <div class=""><i id="go_bilibili" class="iconfont icon-guanbi"></i></div>
            </div>
            <div class="index_details_discuss_inputcontent ">
                <input id="discuss_input_value" type="text" placeholder="说点什么....">
            </div>
            <div class="discuss_input_btn" id="discuss_input_btn">
                <div>评论</div>
            </div>
            <div class="hiddon"></div>
        </div>
        <!--评论渲染-->
        <div class="index_details_discuss_list">
            <ul id="index_details_discuss_list">
                <li>
                    <div class="discuss_list_user">
                        <div class="discuss_list_user_img">
                            <img src="../img/art1.jpg" alt="" id="discuss_list_user_img">
                        </div>
                        <div class="discuss_list_user_text">
                            <span id="discuss_list_user_name">无</span>
                            <i id="discuss_list_time">2020-8-5 13:13:13</i>
                        </div>
                        <div></div>
                    </div>
                    <div class="discuss_list_text" id="discuss_list_text">
                        <p>
                            还未有人评价
                        </p>
                    </div>
                    <div class="discuss_list_text_hidden"></div>
                </li>
            </ul>


        </div>

    </div>

</div>
<!--修改界面-->
<div style="display: none" class="upUserData_box" id="upUserData_box">
    <div class="upUserData">
        <div class="upUserData_title">
            <span>||我的信息</span>
            <i id="upData_out" class="iconfont icon-guanbi"></i>
        </div>
        <div class="upUserData_centent">
            <div class="upUserData_centent_name">
                <span>昵称:</span>
                <input id="upUserData_centent_name" type="text">
            </div>
            <div class="upUserData_centent_emil">
                <span>邮箱:</span>
                <input id="youxiang_input" type="text">
            </div>
            <div class="upUserData_centent_file">
                <div><span>修改头像:</span></div>
                <input type="file" id="file" name="file"><br/>
                <input type="button" style="height: 30px" id="btnUpload" class="UpUser_btn btn2" value="更换头像"/>
            </div>


        </div>
    </div>

</div>
<!--写博客-->
<div style="display: none" id="index_wirBlog_box" class="index_wirBlog_box">

    <div class="index_wirBlog">

        <div class="title_input">
            <!--<span>输入标题</span>-->
            <input type="text" id="titile_input" placeholder="请输入标题(必填)">
        </div>
        <div id="editor">
            <p>请输入正文</p>
        </div>
        <!--   <button id="btn1">获取html</button>
           <button id="btn2">获取text</button>
           <button onclick="editor.txt.html('<p>测试时写入数据</p>')">设置内容</button>-->
        <div class="fabu1">
            <div id="fabu">发布</div>
        </div>


    </div>
    <div class="top_out">
        <i id="top_out" class="iconfont icon-guanbi"></i>
    </div>
</div>


</body>
<script src="../../jquery-2.2.3.min.js"></script>

<script src="../../javascripts/getScroll.js"></script>
<script src="../../javascripts/ajaxFun.js"></script>
<script src="../../javascripts/ajaxfileupload.js"></script>
<script src="../js/jsDOM/New_indexDOM.js"></script>
<script src="../js/jsDATA/NEW_wirBlog.js"></script>
<script src="../js/jsDOM/New_detailsDOM.js"></script>
<script src="../js/jsDATA/New_index.js"></script>
<script src="../js/jsDATA/New_details.js"></script>
<script src="../js/jsDATA/NEW_UpData.js"></script>

<script type="text/javascript">
    var E = window.wangEditor
    var editor = new E('#editor')
    // 配置服务器端地址
    editor.customConfig.uploadImgServer = 'http://localhost:3000/article/img'
    editor.customConfig.uploadImgMaxSize = 500 * 1024
    editor.customConfig.uploadImgMaxLength = 5
    editor.customConfig.uploadFileName = 'file'
    // 自定义菜单配置
    editor.customConfig.menus = [
        'head',  // 标题
        'bold',  // 粗体
        'fontSize',  // 字号
        'fontName',  // 字体
        'italic',  // 斜体
        'underline',  // 下划线
        'strikeThrough',  // 删除线
        'foreColor',  // 文字颜色
        'backColor',  // 背景颜色
        'link',  // 插入链接
        'list',  // 列表
        'justify',  // 对齐方式
        'quote',  // 引用
        // 'emoticon',  // 表情
        'image',  // 插入图片
        // 'table',  // 表格
        // 'video',  // 插入视频
        'code',  // 插入代码
        'undo',  // 撤销
        'redo'  // 重复
    ]
    editor.create()


</script>

</html>